<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
    <title>找朋友</title>
    <link rel="stylesheet" href="css/reset.css" /> 
    <link rel="stylesheet" href="css/index.css" /> 
</head>
<body>
	<div class="findfriend">
		<h2>我的任务3：找朋友</h1>
		<div class="style"><img src="img/bg.png"/>
			<div class="statistics">
				<span>用时：<em>0</em>秒</span>
				<span>移动：<em>0</em>步</span>
			</div>
		</div>
		<div class="main">
			<div class="letter-con">
				<div class="pinyin"><span>wǒ</span></div>
				<div class="hanzi"><span>我</span></div>
			</div>
			<div class="letter-con">
				<div class="pinyin"><span>wǒ</span></div>
				<div class="hanzi"><span>我</span></div>
			</div>
			<div class="letter-con">
				<div class="pinyin"><span>wǒ</span></div>
				<div class="hanzi"><span>我</span></div>
			</div>
			<div class="letter-con">
				<div class="pinyin"><span>wǒ</span></div>
				<div class="hanzi"><span>我</span></div>
			</div>
			<div class="letter-con">
				<div class="pinyin"><span>wǒ</span></div>
				<div class="hanzi"><span>我</span></div>
			</div>
			<div class="letter-con">
				<div class="pinyin"><span>wǒng</span></div>
				<div class="hanzi"><span>我</span></div>
			</div>
			
		</div>
		<div class="action">
			<a href="javascript:void(0);" class="start">开始</a>
		</div>
		<div class="prompt">
			<h3>游戏规则：</h3>
			<p>拖动交换汉字的位置，直到所有汉字和上面对应的拼音配对完全正确，游戏胜利结束。</p>
		</div>
	</div>
</body>
</html>